<?php use_javascript('tiny_mce/tiny_mce.js') ?>

<script type="text/javascript">
    
      var messageScript =
        {
            emailError : "Email no v&aacute;lido",
            emailRepeatedError : "Email ya se encuentra agregado a la lista"
        };

  tinyMCE.init({
    // General options
    mode : "exact",
                height : "280",
                elements : "txta_acuerdo_texto",
    theme : "advanced",
    plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",

    // Theme options
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
    theme_advanced_buttons2 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_resizing : true,

    // Example content CSS (should be your site CSS)
  

    // Drop lists for link/image/media/template dialogs
    template_external_list_url : "lists/template_list.js",
    external_link_list_url : "lists/link_list.js",
    external_image_list_url : "lists/image_list.js",
    media_external_list_url : "lists/media_list.js",

    // Style formats
    style_formats : [
      {title : 'Bold text', inline : 'b'},
      {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
      {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
      {title : 'Example 1', inline : 'span', classes : 'example1'},
      {title : 'Example 2', inline : 'span', classes : 'example2'},
      {title : 'Table styles'},
      {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
    ],

    // Replace values for the template plugin
    template_replace_values : {
      username : "Some User",
      staffid : "991234"
    }
  });
</script>


<div class="btn-sub-bar" id="crear-acuerdo" title="crear acuerdo">
    <div class="div_bar_icon"><?php echo image_tag('implementacion/sub-bar-icon-more.png'); ?></div>
    <div class="text-btn-sub-bar div_bar_text"><a id="crear-acuerdo-a" title="crear acuerdo" href="javascript:void(0);">Crear acuerdo</a></div>
</div>



<div id="div-crear-acuerdo" title="Crear Acuerdo" style="display: none;">




    <div style="width: 340px;height: auto;margin-left:100px;">
            <div class="error" id="msj-titulo" style="display: none;">mensaje de de error</div>
    </div>


    <div id="div-contenedor-acuerdo" style="display: block;">


    <div  style="padding: 10px;height: auto;margin-left:115px;margin-top: 5px;border: 0px solid red;">
        <form id="file_upload_form" method="post" enctype="multipart/form-data" action="<?php echo url_for('util_pagado/load_file_aceptor') ?>">
            <div style="font-weight: bold;">Documento adjunto </div>
            <div style="margin-bottom: 5px;">
                <input style="vertical-align:inherit;" name="file" id="file" size="37" type="file"  onchange="load_file_aceptor()" />

                    <span id="img_load_file" style="display: none;"><?php echo image_tag('6-0.gif') ?></span>

                    <div id="img-file-pdf"    class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_pdf.png','title=.pdf') ?></div>
                    <div id="img-file-word"   class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_word.png','title=.doc , .xdoc') ?></div>
                    <div id="img-file-excel"  class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_excel.png','title=.xls') ?></div>
                    <div id="img-file-ppt"    class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_ppt.png','title=.ppt') ?></div>
                    <div id="img-file-image"  class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_image.png','title=.jpg , .png , .gig') ?></div>
                    <div id="img-file-zip"    class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_zip.png','title=.zip , .rar') ?></div>
                    <div id="img-file-file"   class="image-file-block" style="display: inline-block;"><?php echo image_tag('implementacion/ico_file.png','title=other') ?></div>


               <span id="success_load_file" style="display: none;">
               </span>
             <a style="display: none;" id="remove_file" href="javascript:void(0)"><?php echo image_tag('delete_icon.gif') ?></a>
             <input type="hidden" id="hd_respuesta_load" name="hd_respuesta_load" value="ok">
             <input type="hidden" id="name_file_load" name="name_file_load" value="null">
             <input type="hidden" id="size_file_load" name="size_file_load" value="null">
            </div>
             <div>
                <div id="div_cantidad_disponibles" style="font-size: 10px;display: inline-block;"><?php echo $cuentaBean->getValorActual();  ?></div> <span style="font-size: 10px;"> archivos disponibles de <?php echo $cuentaBean->getCuotaDisponible() ?></span>
                <div id="progressbar" style="vertical-align: middle;display: inline-block;height: 20px; margin-top: 3px;margin-bottom: 3px; width: 150px;">
                </div>

             </div>

            <iframe id="upload_target" name="upload_target" src="" style="width:0px;height:0px;border:0px solid #fff;"></iframe>
        </form>
     </div>


    <form name="frm_registrar_acuerdo" id="frm_registrar_acuerdo" method="post" action="?">
    <div>
        <ul class="text-div-acuerdo-acta-div">

            <li style="height: auto;margin-bottom: 5px;">
                <div class="text-div-acuerdo-acta-divs width-div">E-mails:</div>
                <div class="text-div-acuerdo-acta-divs"><input tabindex="1" style="width: 235px;height: 18px;" type="text" name="txt_acuerdo_cont_cor" id="txt_acuerdo_cont_cor"/></div>
                <div class="text-div-acuerdo-acta-divs"><a id="btn-add-new-contact-email-acuerdo" title="agregar nuevo e-mail" class="a-add-form" href="javascript:void(0);" onclick="add_contact_acuerdo();"></a></div>
                <div id="content-email" style="width: 84%;float: left;margin-left: 78px;margin-top: 3px;">
                    <div id="aux-div"></div>
                </div>
            </li>
            <li>
                <div class="text-div-acuerdo-acta-divs width-div">T&iacute;tulo:</div>
                <div class="text-div-acuerdo-acta-divs"><input tabindex="2" style="width: 234px;height: 18px;" type="text" name="txt_acuerdo_titulo" id="txt_acuerdo_titulo"/></div>
            </li>
            <li style="height: auto;padding: 20px 0px;">
                <div class="text-div-acuerdo-acta-divs width-div" style="width: 100%;float: left;"><b>Acuerdo:</b></div>
                <div class="text-div-acuerdo-acta-divs" style="width: 80%;float: left;">
                    <textarea id="txta_acuerdo_texto" name="txta_acuerdo_texto" rows="15" cols="10">
                    </textarea>
                  </div>


                <div style="margin-top: 57px;" class="text-div-acuerdo-acta-divs"></div>
            </li>
            <li>
                <div class="text-div-acuerdo-acta-divs width-div">Etiquetas:</div>
                <div class="text-div-acuerdo-acta-divs"><input tabindex="4" style="width: 235px;height: 18px;" type="text" id="txt_add_etiqueta" name="txt_add_etiqueta" /></div>
                <div class="text-div-acuerdo-acta-divs">
                          <div id="help-acuerdo">
                              <div id="text-help-acuerdo" style="display: none;position: absolute;border: 1px solid maroon;margin-left: 20px;">
                                  Recuerda separarlo por ','
                                  ejemplo: clientes, empresa, contratos
                              </div>
                          </div>
                 </div>
            </li>
        </ul>
    </div>

    <div style="margin-top:8px;font-size: 11px;">
        <ul >
            <li><input tabindex="5" type="radio" checked name="rad_acuerdo_aprobacion" value="1"/>Deseo recibir un email por cada aprobaci&oacute;n.</li>
            <li><input tabindex="6" type="radio" name="rad_acuerdo_aprobacion" value="2"/>Deseo recibir un email luego de todas las aprobaciones.</li>
            <li><input tabindex="7" type="radio" name="rad_acuerdo_aprobacion" value="3"/>No deseo recibir ning&uacute;n email de las aprobaciones.</li>
        </ul>
    </div>
    </form>
    <div>
        <div align="center" id="div_resultado_acuerdo" style="display: none;"></div>
        <div id="botonera" class="botonera-div-flotante">
            <div style="margin-left: 135px;">
                <a  tabindex="8" class="cls-btn-a cls-btn-a-font" href="javascript:void(0);" onclick="execute_f_new_acuerdo();">
                    Enviar
                </a>
            </div>
            <div style="margin-left: 5px;">
                <a class="cls-btn-a cls-btn-a-font" tabindex="9" href="javascript:void(0);" onclick="hide_acuerdo()">
                   Salir
                </a>
            </div>
        </div>
        <div id="imgload" align="center" style="display: none;">
            <?php echo image_tag('ajax-loader.gif') ?>
        </div>
          <input type="hidden" id="txt-aceptor-user-actual" value="<?php echo $email_user ?>" />
    </div>


</div>
    <div id="frame-cargando-respuesta" style="display: none;">
    <div id="div_resultado_acuerdo" style="display: none;">

    </div>
       <div id="imgload" align="center" style="display: none;">
              <?php echo image_tag('ajax-loader.gif') ?>
    </div>

</div>

</div>

<?php
//calculo del progreseBar:
    /* $va = valor actual */
    /* $vm = valor maximo */
    /* $vf = valor final */
    $va = $cuentaBean->getValorActual();
    $vm = $cuentaBean->getCuotaDisponible();
    $vf = ($va*100)/$vm;
?>


<script type="text/javascript">

$(document).ready(function(){
             $('#div-crear-acuerdo').dialog({
                autoOpen: false,
                width:650,
                modal: true
             });


              $("#progressbar").progressbar({ value: <?php echo $vf ?> });
});
window.onload=init;

function init(){


       document.getElementById('file_upload_form').onsubmit=function() {
              f_validate_count_paquete()
              document.getElementById('file_upload_form').target = 'upload_target';
              document.getElementById("upload_target").onload = uploadDone;

        }


}


 $("#include_obs").click(function(){
         $(this).hide();
         $("#div_observaciones").fadeIn();
 });

 $("#remove_file").click(function(){
         $.ajax({
                type: "POST",
                url: "<?php echo url_for('@remove_file_acuerdo') ?>",
                data: "name_file="+$("#name_file_load").val()+"&size_file="+$("#size_file_load").val(),
                success: function(datos){
                    var data = eval("("+datos+")");
                    if(data.success){
                           $("#hd_respuesta_load").val('ok');
                           $("#name_file_load").val('null');
                           $("#name_file_load").val('null');
                           $("#file").val('');
                           $("#file").show();
                           $("#success_load_file").html('');
                           $("#success_load_file").hide();
                           $("#remove_file").hide();
                            $(".image-file-block").show();
                    }else{
                        alert('no se puedo remover al archivo');
                    }
                },
                error:function(){

                }
        });
 });




function uploadDone(){


            $("#img_load_file").hide();
            $("#file").hide();
            $("#success_load_file").fadeIn();
            $("#remove_file").fadeIn();

            var ret = frames['upload_target'].document.getElementById('div_aceptor_rpt').innerHTML;
            var data = eval("("+ret+")");
            if(data.success)
            {
             $("#success_load_file").html(data.file_name+' cargado correctamente <img alt="ok" src="http://www.actuasolutions.com/Proyectos/Articulate/FreeTrial/img/studio_check.gif" />');
             $("#hd_respuesta_load").val('ok');
             $("#name_file_load").val(data.bd_file_name);
             $("#size_file_load").val(data.size);

             $(".image-file-block").hide();
             $("#"+data.icon).show();

            }
            else
            {
                if(data.error=='1002')
                {
                    $("#success_load_file").html(data.size+'-'+'su cuota mensual ha sido superada.....');
                    $("#hd_respuesta_load").val('ko');
                }
                if(data.error=='1003')
                {
                    $("#success_load_file").html('nombre del archivo no valido ... por favor intente cambiando el nombre al archivo');
                    $("#hd_respuesta_load").val('ko');
                }
                if(data.error=='1004')
                {
                    $("#success_load_file").html('no se pudo guargar el archivo.');
                    $("#hd_respuesta_load").val('ko');
                }
                $(".image-file-block").hide();
                $("#remove_file").hide();
            }



}

function load_file_aceptor(){
    $("#success_load_file").hide();
    $("#remove_file").hide();
    $("#img_load_file").show();
    $("#file_upload_form").submit();
}

$("#crear-acuerdo").click(function(){
        $("#frame-cargando-respuesta").hide();
        $("#div-contenedor-acuerdo").show();
        $('#div-crear-acuerdo').dialog('open');
    });


function validate_texto(){
    if($("#txt-aceptor-user-actual").val()!=$("#txt_acuerdo_cont_cor").val()){
        return true;
    }else{
        $("#msj-titulo").removeClass().addClass('error');
        $("#msj-titulo").html('<b>No puede agregar su mismo correo.</b><p>Recuerde que tampoco puede agregar un correo asociado a su cuenta.');
        $("#msj-titulo").fadeIn();
        return false;
    }
}


function add_contact_acuerdo(){

       if(validate_texto()){
             f_add_detail_contact_acuerdo();
       }
}





function f_add_detail_contact_acuerdo(){
        $.ajax({
                type: "POST",
                url: "<?php echo url_for('util/agregar_detalle_contacto_acuerdo') ?>",
                data: "txt_acuerdo_cont_cor="+$("#txt_acuerdo_cont_cor").val(),
                success: function(data){
                    if(data.success){
                         $("#msj-titulo").hide();

                         var newdiv ="<div class='style_div_add_contact' id=d-token"+data.token+">"+
                         "<div class='div_contact'>"+$("#txt_acuerdo_cont_cor").val()+"</div>"+
                     "<div class='div_image'><a class='style_div_delete_contact' href='javascript:void(0);'  onclick='f_delete_detail_contact_acuerdo("+data.token+","+data.token+")' ></a></div>"+

                         "</div>";
                        $(newdiv).insertBefore("#aux-div");
                        $("#txt_acuerdo_cont_cor").focus();
                        $("#txt_acuerdo_cont_cor").select();
                    }else{
                        if(data.code==25100){
                             $("#msj-titulo").removeClass().addClass('error');
                             $("#msj-titulo").html('<b>'+messageScript.emailError+'</b>');
                        }
                        else if(data.code==25300)
                        {
                            $("#msj-titulo").removeClass().addClass('error');
                            $("#msj-titulo").html('<b>'+messageScript.emailRepeatedError+'</b>')
                            $("#txt_acuerdo_cont_cor").select();
                        }
                        else if(data.code==88000){
                             alert('su session ha expirado');
                             window.location.href = 'saml/logout';
                        }
                        $("#msj-titulo").fadeIn();
                    }
                }
        });
}

function f_delete_detail_contact_acuerdo(item,div){
        $.ajax({
                type: "POST",
                url: "<?php echo url_for('util/eliminar_detalle_contacto_acuerdo') ?>",
                data: "item_contacto_acuerdo="+item,
                success: function(data){
                  if(data.success){
                      $("#d-token"+div).fadeOut('500', function(){$(this).remove();})
                  }
                }
        });
}



function remove_div(div){
  var pk = div.getAttribute('id');

  $('#div_'+pk).fadeOut();
    x=$('#div_'+pk);
    x=x.eq(0);
    x.remove();
}

function limpiar_formulario(){
     $("#hd_respuesta_load").val('ok');
     $("#name_file_load").val('null');
     $("#name_file_load").val('null');
     $("#txt_add_contact").val('');
     $("#div-reset").html('<div id="div_aux" ></div>');
     $("#file").val('');
     $("#file").show();
     $("#success_load_file").html('');
     $("#success_load_file").hide();
     $("#remove_file").hide();
     $("#msj-titulo").hide();
}




function execute_f_new_acuerdo(){


   if(f_validate_form_sign_in_acuerdo()){
         var ed = tinyMCE.get('txta_acuerdo_texto');
        $("#botonera").hide();
        $("#msj-titulo").hide();
        $("#div_resultado_acuerdo").hide();
        $("#imgload").show();

        $.ajax({
                type: "POST",
                url: "<?php echo url_for('util/registrar_acuerdo') ?>",
                data: {
                    txt_acuerdo_titulo: $("#txt_acuerdo_titulo").val(),
                    userip:$("#userip").val(),
                    rad_acuerdo_aprobacion:$("input[name='rad_acuerdo_aprobacion']:checked").val(),
                    txt_etiquetas:$("#txt_add_etiqueta").val(),
                    txta_acuerdo_texto: ed.getContent(),
                    type:'profesional',
                    name_file: $("#name_file_load").val()
                },
                success: function(datos){
                    $("#div_cantidad_disponibles").val('4');
                    $("#msj-titulo").removeClass().addClass('exito');
                    $("#msj-titulo").html(datos);
                    $("#msj-titulo").fadeIn();
                    $("#txt_acuerdo_cont_cor").focus();
                    $("#content-email").html('<div id="aux-div"></div>');
                    $("#imgload").hide();
                    $("#botonera").show();
                    $("#div_resultado_acuerdo").fadeIn();
                    limpiar_formulario();
                    $(".image-file-block").show();
                   setTimeout('closeacuerdo()',1700);
                },
                error:function(){
                    $("#imgload").hide();
                    $("#botonera").show();
                    $("#div_resultado_acuerdo").fadeIn();

                }
        });
        }

}




function f_validate_count_paquete(){
    var cantidad    =  $("#div_cantidad_disponibles").html();
    var cantidadInt = parseInt(cantidad);
    if(cantidadInt>0){
        return true;
    }else{
        $("#msj-titulo").removeClass().addClass('info');
        $("#msj-titulo").html('<b>su cuota de envio de archivos ah expirado, hasta el siguiente mes</b>');
        $("#msj-titulo").fadeIn();
        return false;
    }

}


function f_validate_form_sign_in_acuerdo(){

 var _oflag = {
               "success":false,
               "mesage_html":'null',
               "label":'null',
               "label_return":'null',
               "class_div":'null'
              }
 var _otext = {
               "msj":'#msj-titulo',
               "email":'#txt_acuerdo_cont_cor',
               "title":'#txt_acuerdo_titulo',
               "description":'#txta_acuerdo_texto'
              }
 var _oclass ={
               "info":'info',
               "error":'error',
               "efect_p":'pulsate',
               "addcontac":'.style_div_add_contact'
             }

     if($(_oclass.addcontac).length<=0){
          if(validateEmail(_otext.email)){
                if(validate_texto()){
                          $.ajax({
                type: "POST",
                url: "<?php echo url_for('util/agregar_detalle_contacto_acuerdo') ?>",
                data: "txt_acuerdo_cont_cor="+$("#txt_acuerdo_cont_cor").val(),
                complete: function(){
                      if(_oflag.success){
                            execute_f_new_acuerdo();
                      }else{
                        $(_oflag.label).removeClass().addClass(_oflag.class_div);
                        $(_oflag.label).html(_oflag.mesage_html);
                        $(_oflag.label).fadeIn();
                        $(_oflag.label_return).focus();
                        $(_oflag.label_return).select();

                       }
                },
                success: function(data){
                    if(data.success){
                         $("#msj-titulo").hide();
                         var newdiv ="<div class='style_div_add_contact' id=d-token"+data.token+">"+
                         "<div class='div_contact'>"+$("#txt_acuerdo_cont_cor").val()+"</div>"+
                         "<div class='div_image'><a class='style_div_delete_contact' href='javascript:void(0);'  onclick='f_delete_detail_contact_acuerdo("+data.token+","+data.token+")' ></a></div>"+
                         "</div>";
                        $(newdiv).insertBefore("#aux-div");

                        if($(_oclass.addcontac).length>0){
                                    if($(_otext.title).val()!=""){
                                             _oflag.success = true;
                                    }else{
                                        _oflag.success = false;
                                        _oflag.mesage_html = '<b>Ingrese un T&iacute;tulo para poder continuar</b>';
                                        _oflag.label = _otext.msj;
                                        _oflag.label_return =_otext.title;
                                        _oflag.class_div = _oclass.error;
                                    }
                                }else{
                                     _oflag.success = false;
                                     _oflag.mesage_html = '<b>Ingrese un Email para poder continuar</b>';
                                     _oflag.label = _otext.msj;
                                     _oflag.label_return =_otext.email;
                                     _oflag.class_div = _oclass.error;
                                    $("#btn-add-new-contact-email-acuerdo").fadeOut(500,function(){
                                        $(this).effect(_oclass.efect_p, { times:3 }, 800);
                                    });
                                }


                        }else{
                            if(data.code==25100){
                                 $("#msj-titulo").removeClass().addClass('error');
                                 $("#msj-titulo").html('<b>'+data.message+'</b>');
                            }
                            else if(data.code==88000){
                                 alert('su session ha expirado');
                                 window.location.href = 'home_login/logout';
                            }
                            $("#msj-titulo").fadeIn();
                        }
                    }
                    });
                    }
            }else{
                         _oflag.success = false;
                         _oflag.mesage_html = '<b>Email no v&aacute;lido</b>';
                         _oflag.label = _otext.msj;
                         _oflag.label_return =_otext.email;
                         _oflag.class_div = _oclass.error;
                        $("#btn-add-new-contact-email-acuerdo").fadeOut(500,function(){
                            $(this).effect(_oclass.efect_p, { times:3 }, 800);
                        });
                        $(_oflag.label).removeClass().addClass(_oflag.class_div);
                        $(_oflag.label).html(_oflag.mesage_html);
                        $(_oflag.label).fadeIn();
                        $(_oflag.label_return).focus();
                        $(_oflag.label_return).select();
                        return false;
                        }
      }else{
             if($(_oclass.addcontac).length>0){
                if($(_otext.title).val()!=""){
                         _oflag.success = true;
                }else{
                    _oflag.success = false;
                    _oflag.mesage_html = '<b>Ingrese un Titulo para poder continuar</b>';
                    _oflag.label = _otext.msj;
                    _oflag.label_return =_otext.title;
                    _oflag.class_div = _oclass.error;
                }
            }else{
                 _oflag.success = false;
                 _oflag.mesage_html = '<b>Ingrese un Email para poder continuar</b>';
                 _oflag.label = _otext.msj;
                 _oflag.label_return =_otext.email;
                 _oflag.class_div = _oclass.error;
                $("#btn-add-new-contact-email-acuerdo").fadeOut(500,function(){
                    $(this).effect(_oclass.efect_p, { times:3 }, 800);
                });
            }

            if(_oflag.success){
                return true;
            }else{
                $(_oflag.label).removeClass().addClass(_oflag.class_div);
                $(_oflag.label).html(_oflag.mesage_html);
                $(_oflag.label).fadeIn();
                $(_oflag.label_return).focus();
                $(_oflag.label_return).select();
                return false;
            }
      }
}


function validate_texto(){
    if($("#txt-aceptor-user-actual").val()!=$("#txt_acuerdo_cont_cor").val()){
        return true;
    }else{
        $("#msj-titulo").removeClass().addClass('error');
        $("#msj-titulo").html('<b>No puede agregar su mismo correo.</b><p>Recuerde que tampoco puede agregar un correo asociado a su cuenta.');
        $("#msj-titulo").fadeIn();
        return false;
    }
}

function validateEmail(id){
      var texto=$(id).val();
      var filter_email=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
      if (!filter_email.test(texto)){
        return false
      }
      return true;
}


function closeacuerdo(){
    $('#div-crear-acuerdo').dialog('close');
}

function disminuirCantidadArchivos(){
    var cantidad    =  $("#div_cantidad_disponibles").html();
    var cantidadInt = parseInt(cantidad);
    var va          = cantidadInt-1;
    var vm          = <?php echo $cuentaBean->getCuotaDisponible() ?>;
    var vf          = (va*100)/vm;
    $("#div_cantidad_disponibles").html(va);
    $("#progressbar").progressbar({ value: vf });
}
</script>